<template>
    <div id="app">
        <router-view @App="AppController" class="page">
        </router-view>
    </div>
</template>
<script>
    export
        default {
            data() {
                return {
                }
            },
            created() {
                let that = this;
            },
            mounted() {
                let that = this;
            },
            methods: {
                AppController(data) {
                    eval("this." + data + "()");
                },
            },
        }
</script>
<style>
    @font-face {
        font-family: 'Gotham-Book';
        src: url('//static.hamm.cn/font/Gotham-Book.woff2');
        /* IE9+ */
    }

    body,
    html {
        font-family: 'Gotham-Book';
        padding: 0;
        margin: 0;
        overflow: hidden;
    }

    body {
        --bg-color: #eee;
        --text-primary-color: #333;
        --text-second-color: #666;
        --text-third-color: #aaa;
        --link-color: #999;
        --link-active-color: #666;
        --menu-bg-color: #24292e;
        --menu-text-color: #fff;
        --card-bg-color: #fff;
        --card-border-color: #e5e5e5;
        --main-bg-color: #fff;
        --main-width: 1200px;
    }

    body {
        background-color: var(--bg-color);
        overflow: hidden;
    }

    @supports (mask-image: paint(smooth-corners)) {
        .xiaomi {
            mask-image: paint(smooth-corners);
            --smooth-corners: 3;
        }
    }

    a {
        text-decoration: none;
        color: var(--link-color);
    }

    a:hover {
        color: var(--link-active-color) !important;
    }

    ::-webkit-scrollbar {
        width: 5px;
        /*对垂直流动条有效*/
        height: 5px;
        /*对水平流动条有效*/
    }

    /*定义滚动条的轨道颜色、内阴影及圆角*/

    ::-webkit-scrollbar-track {
        /* background-color: rgba(50, 50, 50, 0.1); */
        background-color: transparent;
        border-radius: 5px;
    }

    /*定义滑块颜色、内阴影及圆角*/

    ::-webkit-scrollbar-thumb {
        border-radius: 5px;
        background-color: rgba(0, 0, 0, 0.3);
    }

    /*定义两端按钮的样式*/

    ::-webkit-scrollbar-button {
        background-color: transparent;
    }

    /*定义右下角汇合处的样式*/

    ::-webkit-scrollbar-corner {
        background: transparent;
    }

    .app-space {
        flex-grow: 1;
    }

    .el-drawer.rtl {
        margin: 10px;
        height: auto;
        border-radius: 20px;
    }

    .el-drawer.rtl .el-drawer__header span {
        font-size: 24px;
    }

    .el-drawer__header {
        padding: 30px 30px 0;
    }

    .el-drawer.rtl .el-drawer__body {
        padding: 20px 30px 30px 30px;
    }
</style>